*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #b8b5b5;
}
.editor_box{
    width: 800px;
    height: 450px;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-400px);
}
.editor_tool {
    height: 40px;
    border-bottom: 2px inset #ccc;
    padding-left: 15px;
}
.editor_tool ul {
    display: inline;
}

.editor_tool ul li{
    list-style-type: none;
    display: inline;
    font-size: 18px;
    line-height: 40px;
}
.editor_tool .first li:last-child::after,
.editor_tool .second li:last-child::after
{
    content: "|";
    font-size: 18px;
    margin:0 20px;
}
.editor_tool ul li input {
    position: relative;
    left: -20px;
    opacity: 0;
}

.editor_text {
    font-family: SimSun;
    overflow: hidden;
    cursor: text;
    margin: auto;
}
.editor_text div{
    height: 500px;
    outline: none;
    padding: 10px;
}

